
    <div class="row">
      <div class="col-xs-12 one-btn-tab">
        <div class="btn-group scopeType">
          <div class="btn btn-default allData" [class.active]="this.ranking.scopeType === 'allScope'" (click)="clickScopeType2('allScope')" id="allScope">全部</div>
          <div class="btn btn-default downtown" [class.active]="this.ranking.scopeType === 'cityScope'" (click)="clickScopeType2('cityScope')" id="cityScope">市区</div>
          <div class="btn btn-default outskirts" [class.active]="this.ranking.scopeType === 'outskirtsScope'" (click)="clickScopeType2('outskirtsScope')" id="outskirtsScope">郊县(市)</div>
        </div>
      </div>
    </div>
    <div class="one-btn-data-type">
      <div class="btn-group dataType">
        <div class="btn btn-default times" [class.active]="this.ranking.dataType === 'hourData'"  (click)="clickDataType2('hourData')" id="hourData">时报</div>
        <div class="btn btn-default daily" [class.active]="this.ranking.dataType === 'dayData'"  (click)="clickDataType2('dayData')" id="dayData">日报</div>
        <div class="btn btn-default monthly" [class.active]="this.ranking.dataType === 'monthData'"  (click)="clickDataType2('monthData')" id="monthData">月报</div>
        <div class="btn btn-default annals" [class.active]="this.ranking.dataType === 'yearData'"  (click)="clickDataType2('yearData')" id="yearData">年报</div>
      </div>
      <div style="display: inline-block;margin-top:10px;">
        <form action="#"  class="form-inline">
          <div class="form-group">
            <input type="text" class="form-control" id="countyRankingDate" value=" "/>
          </div>
          <button type="button" class="btn btn-success" (click)="search()">查询</button>
        </form>
      </div>
      <div class='pull-right'><button class='btn btn-success' (click)="exportBtn()">导出为Excel</button></div>
    </div>
<div class="one-table-area">
  <table class="table table-striped" id="countyRankingTable"></table>
</div>
<div class="one-data-loadState"></div>

